<template>
  <el-dialog
    :visible.sync="visible"
    :close-on-click-modal="false"
    class="dialog-sm"
    top="30px"
    width="980px"
    :before-close="beforeClose"
  >
    <el-tabs v-model="activeName">
      <el-tab-pane label="未受理反馈" name="first">
        <panel-message-no-claim-history></panel-message-no-claim-history>
      </el-tab-pane>
      <el-tab-pane label="已拒绝反馈" name="second">
        <panel-message-loan-confuse-history></panel-message-loan-confuse-history>
      </el-tab-pane>
      <el-tab-pane label="已受理提示" name="third">
        <panel-message-yes-claim-history></panel-message-yes-claim-history>
      </el-tab-pane>
      <el-tab-pane label="已放款提示" name="fourth">
        <panel-message-loan-lending-history></panel-message-loan-lending-history>
      </el-tab-pane>
      <el-tab-pane label="异常项目提示" name="fifth">
        <panel-message-loan-beh-exc-history></panel-message-loan-beh-exc-history>
      </el-tab-pane>
    </el-tabs>
  </el-dialog>
</template>
<script>
import PanelMessageNoClaimHistory from '@/gov/views/index/PanelMessageNoClaimHistory'
import PanelMessageLoanConfuseHistory from '@/gov/views/index/PanelMessageLoanConfuseHistory'
import PanelMessageYesClaimHistory from '@/gov/views/index/PanelMessageYesClaimHistory'
import PanelMessageLoanLendingHistory from '@/gov/views/index/PanelMessageLoanLendingHistory'
import PanelMessageLoanBehExcHistory from '@/gov/views/index/PanelMessageLoanBehExcHistory'

export default {
  components: {
    PanelMessageNoClaimHistory,
    PanelMessageLoanConfuseHistory,
    PanelMessageYesClaimHistory,
    PanelMessageLoanLendingHistory,
    PanelMessageLoanBehExcHistory,
  },
  props: {
    visible: Boolean,
  },
  data() {
    return {
      activeName: 'first',
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    beforeClose() {
      this.$emit('update:visible', false)
    },
  },
}
</script>
<style lang="scss" scoped></style>
